extends ../layout

block css
    // 通用CSS库
    link(rel='stylesheet', href='/css/base/reset.css')
    // 通用CSS库
    link(rel='stylesheet', href='/css/base/base.css')
    // 顶部导航栏样式
    link(rel='stylesheet', href='/css/modules/head.css')
    // 查询页导航栏样式
    link(rel='stylesheet', href='/css/modules/nav.css')
    // 顶部样式
    link(rel='stylesheet', href='/css/modules/footer.css')
    // 分类展示栏样式
    link(rel='stylesheet', href='/css/modules/dialog.css')
    // 翻页组件样式
    link(rel='stylesheet', href='/css/modules/page.css')
    // 评价页面样式
    // <link rel="stylesheet" href="/css/evaluate/evaluate.css">
    // 搜索页面样式
    link(rel='stylesheet', href='/css/search/search.css', media='screen')
    // 课程列表页面
    link(rel='stylesheet', href='/css/search/course-list.css', media='screen')

block content

    .content.cf
      // Start 左列
      .fl.main
        include ./type.jade
          
        // End 排序栏
        // 课程内容区域
        .ck-product-list(style='margin-top: 20px')
          ul.clearfix
            each item in list
              li
                .item-panel
                  .item-pic
                    a(href='/course/detail/#{item.id}', target='_blank')
                      img(src='#{item.img}', alt='', width='208', height='156')
                    .item-pic-txt
                      if item.type == 1
                        span.tit 直播课
                      else if item.type == 2
                        span.tit 点播课
                      else
                        span.tit 其他
                      span.con #{item.startTime}
                  .item-title
                    a(href='/course/detail/#{item.id}', target='_blank')
                      | #{item.title}
                      em.c_f60              
                  .item-addition
                    .clearfix
                      .price
                        span.hot-price
                          em ¥
                          | #{item.price}
                  //
                    .satisfaction
                      span 99.91% 满意度
                    .number
                      span
                        em 44161
                        |  人已学
                  .school
                    .schooltips.school-name
                      a.url(href='#')
                        | #{item.school}
                        em.c_f60
        // /end 卡片内容区域
        // Start 翻页
        include ../common/page.jade

        // End 翻页
      // End 左列
      // Start 右列
      .fr.side
        //.hr-line
        // Start 课程推荐
        span#similar_hot
          style.
            .side-card li {
            margin-bottom: 20px;
            }
          //.hr-line
          // End 课程推荐
          // Start 该机构的同类课程
          h3.ck-title 热门课程
          include ./card.jade
      // End 右列
    script(type='text/javascript').
      $(function(){
      /**
      * 课程价格分类
      */
      $('input.price-field').focus(function() {
      $('#cost_range').addClass("input-hover");
      });
      $("#cost_search").click(function(){
      var minprice = $("#minprice").val();
      var maxprice = $("#maxprice").val();
      if ((minprice && !/^\\d+$/.test(minprice)) || (maxprice && !/^\d+$/.test(maxprice))){
      $.ckAlert({message:'价格格式填写不正确，只能为整数'});
      return false;
      }
      if(minprice == '' && maxprice == ''){
      var url = "/course/______2.html";
      }else{
      var url = "/course/72351176561000448____";
      url = url + minprice + '_'+maxprice+'_2.html';
      }
      location.href = url;
      return false;
      });
      $(".mn_sort").mouseover(function(){
      $(".mn_mt").css('background','#40bb8a');
      $(".mn_mc").show();
      }).mouseleave(function(){
      $(".mn_mt").css('background','#179362');
      $(".mn_mc").hide();
      });
      $('.mn_sort > .mn_mc > .item').hover(function(){
      $(this).addClass('item_hover');
      $(this).children('.i_bd').show();
      },function(){
      $(this).removeClass('item_hover');
      $(this).children('.i_bd').hide();
      });
      });

